0
268
Vistas¿Cómo eliminar dos filas "tr" con js?
Cuando elimino un producto en la cesta, los productos se eliminaron correctamente pero el nombre de la empresa no se elimina. Estoy usando javascript. No puedo resolver el problema, ayúdenme por favor...
function getCurrentRow(t) { var v = parseInt($.trim(t.attr("data-row-id"))); if (isNaN(v)) { console.log("data-row-id:null"); return null; } var currentRow = getRow(v); if (currentRow == null) { console.log("currentRow:null"); return null; } return currentRow; } // Delete basketContainer.on('click', 'button[data-button-name="delete"]', function() { var o = $(this); var t = o.closest("tr"); var currentRow = getCurrentRow(t); if (currentRow == null) { return; } postData(t, currentRow.index, { "basketid": currentRow.id, "pdoductid": currentRow.ProductID, "count": 0, "cmdtype": cmdTypes.Delete }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <table> <thead> <tr data-row-id="item.id"> <td colspan="4" style="color: #d53434">Shop: <strong>Shop name</strong></td> </tr> </thead> <tbody> <tr role="row" data-row-id="item2.id"> ... </tr> </tbody> </table>
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
¿Te refieres a quitar la mesa cuando no haya más productos de esa tienda?
$("#basketContainer").on('click', 'button[data-button-name="delete"]', function() { const $tr = $(this).closest("tr"); const $tb = $(this).closest("tbody"); $tr.remove() if ($tb.find("tr").length === 0) $tb.closest("table").remove() }); table { border: 1px solid black } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <div id="basketContainer"> <table> <thead> <tr data-row-id="item.id"> <td colspan="4" style="color: #d53434">Shop: <strong>Shop name 1</strong></td> </tr> </thead> <tbody> <tr role="row" data-row-id="item2.id"> <td><button type="button" data-button-name="delete">Delete</button></td> </tr> <tr role="row" data-row-id="item2.id"> <td><button type="button" data-button-name="delete">Delete</button></td> </tr> </tbody> </table> <table> <thead> <tr data-row-id="item.id"> <td colspan="4" style="color: #d53434">Shop: <strong>Shop name 2</strong></td> </tr> </thead> <tbody> <tr role="row" data-row-id="item2.id"> <td><button type="button" data-button-name="delete">Delete</button></td> </tr> <tr role="row" data-row-id="item2.id"> <td><button type="button" data-button-name="delete">Delete</button></td> </tr> </tbody> </table> </div>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta